@media screen and (max-width: 450px) {
  .content {
    width: 100%;
    padding: 30px 16px !important;
    transition: .5s width;
  }

  .secondaryContent{
    width: 100% !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .content {
    width: 100%;
    transition: .5s width;
  }

  .xs {
    display: inline !important;
  }

  .xl {
    display: none !important;
  }

  .secondaryContent{
    width: 100% !important;
    margin: 0 auto;
  }
}

@media screen and (min-width: 992px) {
  .content {
    width: 1000px;
    transition: .5s width;
  }

  .secondaryContent{
    width: 1000px !important;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .content {
    width: 1200px;
    transition: .5s width;
  }

  .secondaryContent{
    width: 1200px !important;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1440px) {
  .content {
    width: 1440px;
    transition: .5s width;
    padding: 40px 0;
  }

  .secondaryContent{
    width: 1400px !important;
    margin: 0 auto;
  }
}

.pageBgc>div:nth-child(even) {
  background-color: #fff;
}